<!doctype html>
<html class="no-js" lang="" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

    <title>添加</title>

    <script type="text/javascript">
        //<![CDATA[
        try {
            if (!window.CloudFlare) {
                var CloudFlare = [{
                    verbose: 0,
                    p: 0,
                    byc: 0,
                    owlid: "cf",
                    bag2: 1,
                    mirage2: 0,
                    oracle: 0,
                    paths: {
                        cloudflare: "/cdn-cgi/nexp/dok2v=1613a3a185/"
                    },
                    atok: "1668c19642567e08c574f5d9458345a2",
                    petok: "4815890ce952e7a762f8cc97e9a36d9e91dbf212-1419101790-1800",
                    zone: "nyasha.me",
                    rocket: "0",
                    apps: {
                        "ga_key": {
                            "ua": "UA-50530436-1",
                            "ga_bs": "2"
                        }
                    }
                }];
                CloudFlare.push({
                    "apps": {
                        "ape": "6301ce6391d0ff712aa7857d9016c574"
                    }
                });
                ! function(a, b) {
                    a = document.createElement("script"), b = document.getElementsByTagName("script")[0], a.async = !0, a.src = "js/cloudflare.min.js", b.parentNode.insertBefore(a, b)
                }()
            }
        } catch (e) {};
        //]]>
    </script>
    <link rel="stylesheet" th:href="@{/vendor/offline/theme.css}">
    <link rel="stylesheet" th:href="@{/vendor/pace/theme.css}">


    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" th:href="@{/css/animate.min.css}">

    <link rel="stylesheet" th:href="@{/css/panel.css}">

    <link rel="stylesheet" th:href="@{/css/skins/palette.1.css}" id="skin">
    <link rel="stylesheet" th:href="@{/css/fonts/style.1.css}" id="font">
    <link rel="stylesheet" th:href="@{/css/main.css}">

    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->

    <script src="vendor/modernizr.js"></script>
    <script type="text/javascript">
        /* <![CDATA[ */
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-50530436-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();

        (function(b) {
            (function(a) {
                "__CF" in b && "DJS" in b.__CF ? b.__CF.DJS.push(a) : "addEventListener" in b ? b.addEventListener("load", a, !1) : b.attachEvent("onload", a)
            })(function() {
                "FB" in b && "Event" in FB && "subscribe" in FB.Event && (FB.Event.subscribe("edge.create", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "like", a])
                }), FB.Event.subscribe("edge.remove", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "unlike", a])
                }), FB.Event.subscribe("message.send", function(a) {
                    _gaq.push(["_trackSocial", "facebook", "send", a])
                }));
                "twttr" in b && "events" in twttr && "bind" in twttr.events && twttr.events.bind("tweet", function(a) {
                    if (a) {
                        var b;
                        if (a.target && a.target.nodeName == "IFRAME") a: {
                            if (a = a.target.src) {
                                a = a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);
                                b = 0;
                                for (var c; c = a[b]; ++b)
                                    if (c.indexOf("url") === 0) {
                                        b = unescape(c.split("=")[1]);
                                        break a
                                    }
                            }
                            b = void 0
                        }
                        _gaq.push(["_trackSocial", "twitter", "tweet", b])
                    }
                })
            })
        })(window);
        /* ]]> */
    </script>
</head>

<body>

    <div class="app" data-sidebar="locked">

        <header class="header header-fixed navbar">
            <div class="brand">
                <a href="javascript:;" class="fa fa-bars off-left visible-xs" data-toggle="off-canvas" data-move="ltr"></a>
                <a th:href="@{/admin/index.html}" class="navbar-brand">
                    <i class="fa fa-home mg-r-sm"></i>
                    <span class="heading-font"><b>首页</b>
</span>
                </a>
            </div>
            <form class="navbar-form navbar-left hidden-xs" role="search">
                <div class="form-group">
                    <button class="btn no-border no-margin bg-none no-pd-l" type="submit">
                        <i class="fa fa-search"></i>
                    </button>
                    <input type="text" class="form-control no-border no-padding search" placeholder="搜索">
                </div>
            </form>
            <ul class="nav navbar-nav navbar-right off-right">
                <li class="hidden-xs">
                    <a href="javascript:;">
                        消息
                    </a>
                </li>
                <li class="notifications dropdown hidden-xs">
                    <a href="javascript:;" data-toggle="dropdown">
                        <i class="fa fa-bell"></i>
                        <div class="badge badge-top bg-danger animated flash">3</div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right animated slideInRight">
                        <div class="panel bg-white no-border no-margin">
                            <div class="panel-heading no-radius">
                                <small>
                                    <b>Notifications</b>
                                </small>
                                <small class="pull-right">
                                    <a href="javascript:;" class="mg-r-xs">mark as read</a>&#8226;
                                    <a href="javascript:;" class="fa fa-cog mg-l-xs"></a>
                                </small>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
<img src="img/face4.jpg" class="avatar avatar-sm img-circle" alt="">
</span>
                                        <div class="m-body show pd-t-xs">
                                            <span>Dean Winchester</span>
                                            <span>Posted on to your wall</span>
                                            <small>2 mins ago</small>
                                        </div>
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x text-warning"></i>
<i class="fa fa-download fa-stack-1x fa-inverse"></i>
</span>
                                        </span>
                                        <div class="m-body show pd-t-xs">
                                            <span>145 MB download in progress.</span>
                                            <div class="progress progress-xs mg-t-xs mg-b-xs">
                                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                                </div>
                                            </div>
                                            <small>Started 23 mins ago</small>
                                        </div>
                                    </a>
                                </li>
                                <li class="list-group-item">
                                    <a href="javascript:;">
                                        <span class="pull-left mg-t-xs mg-r-md">
<img src="img/face3.jpg" class="avatar avatar-sm img-circle" alt="">
</span>
                                        <div class="m-body show pd-t-xs">
                                            <span>Application</span>
                                            <span>Where is my workspace widget</span>
                                            <small>5 days ago</small>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <div class="panel-footer no-border">
                                <a href="javascript:;">See all notifications</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="quickmenu">
                    <a href="javascript:;" data-toggle="dropdown">
                        <img th:src="@{'/img/TouXiang/'+ ${session.loginAdmin.getAvatar()}}" class="avatar pull-left img-circle" alt="user" title="user">
                        <i class="caret mg-l-xs hidden-xs no-margin"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right mg-r-xs">
                        <li>
                            <a href="javascript:;">
                                <div class="pd-t-sm">
                                    <span>ddd</span>
                                    <br>
                                    <small class="text-muted">4.2 MB of 51.25 GB used</small>
                                </div>
                                <div class="progress progress-xs no-radius no-margin mg-b-sm">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a th:href="@{/setting}">设置</a>
                        </li>
                        <li>
                            <a href="javascript:;">升级</a>
                        </li>
                        <li>
                            <a href="javascript:;">通知
                                <div class="badge bg-danger pull-right">3</div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">Help ?</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/">退出</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </header>

        <section class="layout">
            <aside class="sidebar canvas-left">

                <nav class="main-navigation">
                    <ul>
                        <li class="dropdown show-on-hover">
                            <a href="/admin/user">
                                <i class="fa fa-file"></i>
                                <span>用户</span>
                            </a>
                        </li>
                        <li class="dropdown show-on-hover">
                            <a href="/news/list">
                                <i class="fa fa-file"></i>
                                <span>新闻中心</span>
                            </a>
                        </li>
                        <li class="dropdown show-on-hover">
                            <a href="/download/list">
                                <i class="fa fa-file"></i>
                                <span>下载资料</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </aside>
            <section class="main-content">
                <div class="col-md-3">
                        <div style="position: relative;top: 50px;" class="pd-md text-center">
                            <img th:src="@{'/img/TouXiang/'+ ${session.loginAdmin.getAvatar()}}" class="avatar avatar-lg img-circle" style="width: 200px; height: 200px;">
                        </div>
                    <br><br>
                    <div style="position: relative;top: 50px;" class="demo-button text-center">
                        <a href="javascript:;" class="btn btn-primary btn-rounded">换个头像</a>
                    </div>
                </div>
                <div style="position: relative;top: 20px;" class="col-md-9 bg-white">
                    <section class="panel">
                        <div>
                            <section class="panel">
                                <header class="panel-heading">基本信息</header>
                                <div class="panel-body">
                                    <form class="form-horizontal bordered-group" role="form" th:action="@{/add}" method="post" enctype="multipart/form-data">
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">用户名</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="username" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">密码</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="password" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">年龄</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="age" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">性别：</label>
                                            <div class="col-sm-10">
                                                <input type="radio" name="sex" value="男" checked>男<br>
                                                <input type="radio" name="sex" value="女">女<br>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">年级</label>
                                            <div class="col-sm-10">
                                                <input type="text"  name="grade" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">电话</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="tel" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">Email</label>
                                            <div class="col-sm-10">
                                                <input type="text" name="email" class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label">头像</label>
                                            <div class="col-sm-10">
                                                <input type="file" name="avatar" class="form-control">
                                            </div>
                                        </div>
                                        <button style="position: relative;left: 600px;" type="submit" class="btn btn-info">添加</button>
                                    </form>
                                </div>
                            </section>
                        </div>
                    </section>
                </div>

            </section>


        </section>
    </div>

    <script th:src="@{/vendor/jquery-1.11.1.min.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <script th:src="@{/vendor/jquery.easing.min.js}"></script>
    <script th:src="@{/vendor/jquery.placeholder.js}"></script>
    <script th:src="@{/vendor/fastclick.js}"></script>

    <script th:src="@{/vendor/moment.js}"></script>
    <script th:src="@{/vendor/skycons.js}"></script>
    <script th:src="@{/vendor/jquery.blockUI.js}"></script>
    <script th:src="@{/vendor/raphael.min.js}"></script>
    <script th:src="@{/vendor/morris/morris.js}"></script>
    <script th:src="@{/vendor/switchery/switchery.js}"></script>
    <script th:src="@{/vendor/jquery.slimscroll.js}"></script>
    <script th:src="@{/vendor/bxslider/jquery.bxslider.min.js}"></script>
    <script th:src="@{/vendor/offline/offline.min.js}"></script>
    <script th:src="@{/vendor/pace/pace.min.js}"></script>


    <script th:src="@{/js/off-canvas.js}"></script>
    <script th:src="@{/js/main.js}"></script>

    <script th:src="@{/js/panel.js}"></script>
    <script th:src="@{/js/dashboard.js}"></script>
    <script th:src="@{/vendor/isotope/isotope.pkgd.min.js}"></script>
    <script th:src="@{/vendor/offline/offline.min.js}"></script>
    <script th:src="@{/vendor/pace/pace.min.js}"></script>


    <script th:src="@{/js/off-canvas.js}"></script>
    <script th:src="@{/js/main.js}"></script>

    <script th:src="@{/js/panel.js}"></script>
    <script th:src="@{/js/feed.js}"></script>
</body>

</html>